<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<meta name="renderer" content="webkit" />
		<title>我的订单 联途用户中心</title>
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/common_member.css" />
		<link rel="stylesheet" type="text/css" href="css/order_index.css" />
		<link rel="stylesheet" type="text/css" href="css/apply_common.css" />
		<link rel="stylesheet" type="text/css" href="css/apply_form.css" />
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" id="js-prelogin" src="js/cas.js"></script>
		<script type="text/javascript" src="js/userMsg.js"></script>
		<script type="text/javascript">
			var TU = {
				myUrl: 'http://my.liantu.cn',
				wwwUrl: 'http://www.liantu.cn'
			};
		</script>
	</head>

	<body>
		<div >
			<div class="header">
				<div class="top-bg"></div>
				<div class="mod-head">
					<a href="index.html" class="logo"><img src="images/logo.png" alt="联途" /></a>
					<div class="search">
						<div class="box">
							<div class="sbox">
								<input type="text" class="text" id="search_text" placeholder="输入想去的地方（例如：北京）" />
								<div class="ico" id="search_ico">
									<span></span>
								</div>
							</div>
						</div>
					</div>
					<div class="link">
						<a href="apply.html" id="sqdy" rel="nofollow" target="_blank">申请成为向导</a>
					</div>
					<div class="login pl-login-info" id="pl-login-info">
						<div class="name" id="Luser" >
							<img width="40" height="40" alt="" :src='getImgUrl(info.user_img)'/>
							<span class="name-text">{{info.user_tel}}</span>
							<a id="uid"  hidden >{{info.user_id}}</a>
							<span class="ico"></span>
						</div>
						
						<div class="list">
							<div class="ico"></div>
							<div class="login-box">
								<div class="bg"></div>
								<p>
									<a member_info.html>个人信息</a>
									<a href="member_order.html">我的订单</a>
									<a href="member_tongyou.html">我的同游</a>
									<a href="signin.html" class="js-pl-logout">退出</a>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="container">
					<div class="home">
						<a href="index.html"> <span class="plus"></span>返回首页 </a>
					</div>
					<div class="wrap">
						<div class="side">
							<div class="avatar" id="Luser1">
								<img :src='getImgUrl(info.user_img)' alt="用户中心" />
								<p><span class="usr-name">{{info.user_tel}}</span> <span :class='getUserClass(info.user_sex)'></span> </p>
							</div>
							<ul class="menu">
								<li>
									<a href="member_info.html" class="info">基本信息</a>
									<div class="sub-menu">
										<p>
											<a href="member_avatar.html" class="sc2">更换头像</a>
										</p>
										<p>
											<a href="member_pwd.html" class="sc2">修改密码</a>
										</p>
									</div>
								</li>
								<li>
									<a href="member_order.html" class="order">我的订单</a>
								</li>
								<li>
									<a href="member_withdraw.html" class="wallet">我的钱包</a>
								</li>
								<li>
									<a href="member_tongyou.html" class="gowith">结伴同游</a>
								</li>
							</ul>
						</div>
						<div class="content" id="did">
							<div class="mod-hd">
								<h2>我的订单</h2>
								<span> (MY ORDER) </span>
							</div>
							<div class="mod-bd" id="userOrder"  v-for="(info,index) of dlist" >
								<div class="mod-order">
									<div class="tb-order" >
										<div class="order-hd">
											<span class="status reject"> {{getStatus(info.order_status,index)}} </span>
											<span class="tip"> ID：<em>{{info.order_id}}</em> </span>
											
										</div>
										<table class="order-bd">
											<thead>
												<tr>
													<th width="17%">导游</th>
													<th width="13%">服务地点</th>
													<th width="28%">服务日期</th>
													<th width="20%">订单价格</th>
													<th>&nbsp;</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>{{info.ginfo.gui_name}}</td>
													<td>{{info.order_city}}</td>
													<td>{{info.order_sdate}} ~ {{info.order_edate}}</td>
													<td class="td-price">￥<span class="price">{{info.order_price}}</span>元</td>
													<td class="text-right"> <input type="button" class="submit cancel" data-id="68" data-status="pending" :id="index" value="取消" v-on:click="userDeleteOrder(info.order_id)" /> </td>
												</tr>
											</tbody>
										</table>
										<div class="order-ft">
											<span class="text"></span>
											<span class="btn"><a :href='getToghref(info.order_id,info.ginfo.gui_name,info.order_price,info.order_sdate,info.order_edate,info.order_count)' target="_blank"><em></em>查看详情</a></span>
										</div>
										
									<!-- -->
									</div>
								</div>
							</div>
							<!-- page -->
								<div class="mod-bd"  v-for="(info,index) of glist" >
								<div class="mod-order">
									<div class="tb-order" >
										<div class="order-hd">
											<span class="status reject" id="guideStatus"> {{getGuiStatus(info.order_status)}} </span>
											<span class="tip"> ID：<em>{{info.order_id}}</em> </span>
											
										</div>
										<table class="order-bd">
											<thead>
												<tr>
													<th width="17%">用户</th>
													<th width="13%">服务地点</th>
													<th width="28%">服务日期</th>
													<th width="20%">订单价格</th>
													<th>&nbsp;</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>{{info.ginfo.gui_name}}</td>
													<td>{{info.order_city}}</td>
													<td>{{info.order_sdate}} ~ {{info.order_edate}}</td>
													<td class="td-price" >￥<span class="price">{{info.order_price}}</span>元</td>
													<td class="text-right"> <input type="button"  class="submit cancel"   :id="index" value="接受" v-on:click="guideReciveOrder(info.order_id)" /> </td>
													<td class="text-right"> <input type="button" class="submit cancel"  value="拒接" v-on:click="guideRefuseOrder(info.order_id)"  /> </td>
													<td class="text-right"> <input type="button" class="submit cancel"  value="删除" v-on:click="guideDeleteOrder(info.order_id)"  /> </td>
												</tr>
											</tbody>
										</table>
										<div class="order-ft">
											<span class="text"></span>
											<span class="btn"><a :href='getToghref(info.order_id,info.ginfo.gui_name,info.order_price,info.order_sdate,info.order_edate,info.order_count)' target="_blank"><em></em>查看详情</a></span>
										</div>
										
									<!-- -->
									</div>
								</div>
							</div>
							<!-- page -->
						</div>
						<div class="mod-popbg">
						</div>
						<div class="mod-contact">
							<p class="close">
								<a href="javascript:"></a>
							</p>
							<div class="main">
								<p class="title">导游<span></span>的联系方式</p>
								<ul>
									<li class="phone"></li>
									<li class="qq"></li>
									<li class="wechat"></li>
								</ul>
								<a href="javascript:;" class="btn">知道了</a>
							</div>
						</div>
						<div class="mod-reviews">
							<p class="close">
								<a href="javascript:"></a>
							</p>
							<p class="title">对导游<span>Lu-旅拍人</span>的评价</p>
							<ul>
								<li class="phone">
									<p>服务态度</p>
									<p class="mod-star" data-name="rate_attitude" data-path="http://static.liantu.cn/image/my/member/profile"> </p>
								</li>
								<li class="phone">
									<p>符合描述</p>
									<p class="mod-star" data-name="rate_similar" data-path="http://static.liantu.cn/image/my/member/profile"> </p>
								</li>
								<li class="phone">
									<p>专业程度</p>
									<p class="mod-star" data-name="rate_major" data-path="http://static.liantu.cn/image/my/member/profile"> </p>
								</li>
								<li class="phone">
									<p>颜值评分</p>
									<p class="mod-star" data-name="rate_goodlook" data-path="http://static.liantu.cn/image/my/member/profile"> </p>
								</li>
							</ul>
							<div class="area">
								<textarea class="remark input-placeholder message" name="message" placeholder="打完分，别忘了给我们导游评价下哟~"></textarea>
								<label class="placeholder">打完分，别忘了给我们导游评价下哟~</label>
							</div>
							<p class="msg-error">请对导游做出评分！</p>
							<p class="count">还可输入<span>120</span>个字</p>
							<p class="btn">
								<a href="javascript:;" id="submit">确定</a>
							</p>
						</div>
					</div>
				</div>
				<div class="footer">
					<div class="mod-back">
						<span class="qrcode"> <span class="ico"></span> <img src="images/qrcode.jpg" alt="联途微信二维码" width="200" height="200" />官方微信服务号 </span>
						<a href="javascript:" class="code" id="code"></a>
						<a href="index.html" class="customer"></a>
						<a href="#" class="goback"></a>
					</div>
					<div class="mod-foot">
						<div class="info">
							<div class="contact">
								<p class="logo">
									<a href="index.html"><img src="images/logo.png" alt="联途" width="136" height="50" /></a> <span>同行之路，有你才有意义</span> </p>
								<p class="tell">4006 666863</p>
								<p>24小时服务热线</p>
							</div>
							<dl>
								<dt>
                        公司信息
                        </dt>
								<dd>
									<a href="http://www.liantu.cnabout.html" target="_blank" rel="nofollow">关于我们</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cncopyright.html" target="_blank" rel="nofollow">免责声明</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cncontact.html" target="_blank" rel="nofollow">联系我们</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cnjoin.html" target="_blank" rel="nofollow">加入我们</a>
								</dd>
							</dl>
							<dl>
								<dt>
                        帮助中心
                        </dt>
								<dd>
									<a href="http://www.liantu.cnxieyi.html" target="_blank" rel="nofollow">用户协议</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cnsafe.html" target="_blank" rel="nofollow">安全保障</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cnprocess.html" target="_blank" rel="nofollow">预定流程</a>
								</dd>
							</dl>
							<dl class="app">
								<dt>
                        发现
                        </dt>
								<dd>
									<a href="http://www.liantu.cn/app/" target="_blank">Android客户端</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cn/app/" target="_blank">iOS客户端</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cn/app/huilv/" target="_blank">联途汇率</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cn/app/tongyou/" target="_blank">联途同游</a>
								</dd>
							</dl>
						</div>
						<div class="copyright">
							<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">闽ICP备15007411号-1</a> Copyright &copy; 2016 liantu.cn, All Rights Reserved stat
						</div>
					</div>
				</div>
				<script type="text/javascript" src="js/jquery.seajs.js" id="seajsnode"></script>
				<script type="text/javascript">
					seajs.config({
						base: 'http://static.liantu.cn/script/dist',
						paths: {
							'modules': 'http://static.liantu.cn/script/dist'
						},
						map: [
							[/^(.*?\/script\/(?:src|dist)\/.*?\/.*?\.js$)(?:.*)$/i, '$1?version=v1']
						],
						charset: 'utf-8'
					});
					seajs.use('modules/my/common/common.js');
					seajs.use('modules/my/member/profile/index.js');
				</script>
				<script type="text/javascript" src="js/member_order.js"></script>
				<div class="hide">
				</div>
	</body>

</html>
